<!DOCTYPE html>
<head>
  <title>CIO校园管理图</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
  <meta name="renderer" content="webkit">
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
  <div class="one flex flex-align-center flex-pack-center">
    <div class="one-warp">
      <div class="title">校园信息化专员</div>
      <div class="title-en">（CIO  Certified Information Operator)</div>
      <div class="intro">
        <div class="name">定义</div>
        <div class="cont">协助学校提高信息化教学能力和管理水平的专业人员</div>
      </div>
      <div class="sub-title">
        作用和意义
      </div>
      <div class="module-list">
        <img class="module-item" src="./images//module1.svg" />
        <img class="module-item" src="./images//module2.svg" />
        <img class="module-item" src="./images//module3.svg" />
      </div>
    </div>
  </div>


  <div class="two flex flex-align-center flex-pack-center">
    <div class="map-warp">
      <img src="./images/map.svg" class="map" />
      <!-- location -->
      <img src="./images/icon-bgs.svg" class="location bgs" />
      <img src="./images/icon-xmk.svg" class="location xmk" />
      <img src="./images/icon-djks.svg" class="location djks" />
      <img src="./images/icon-wlks.svg" class="location wlks" />

      <!-- location hover -->
      <img src="./images/sj.svg" class="location-hover sj" />
      <img src="./images/wg.svg" class="location-hover wg" />
      <img src="./images/xxhzr.svg" class="location-hover xxhzr" />
      <img src="./images/djjs.svg" class="location-hover djjs" />

      
    </div>
  </div>
  <!-- top -->
  <img src="./images/top.svg" class="top" />
  <div class="tips">校园信息化专员</div>
  <div class="ico-msg">
    <img src="./images/ico-msg.svg" />
  </div>
  <img src="./images/top.svg" class="top" />
  <div class="three flex flex-align-center flex-pack-center">
    <div class="three-warp">
      <div class="title">校园信息化助理管理系统支撑平台</div>
      <!-- <div class="subTitle">CIO自我管理和提升</div> -->
      <div class="icon-list">
        <div class="icon-section">
          <img class="icon-item" src="./images/shuju.svg" />
          <img class="icon-item dun" src="./images/dun.svg" />
          <img class="icon-item" src="./images/shangji.svg" />
        </div>
        <div class="icon-section">
          <img class="icon-item" src="./images/baogao.svg" />
          <img class="icon-item" src="./images/renmai.svg" />
        </div>
      </div>
    </div>
  </div>

  <div class="icon-02">
    <img src="./images/ico-02.png" />
  </div>

</body>
<script src="./lib/jquery-3.5.1.min.js"></script>
<script src="./common.js"></script>
</html>